<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta charset="UTF-8">
    <script src="js/adapt.js"></script>
    <title></title>
    <link rel="stylesheet" href="css/waterfall.css" type="text/css"/>
    <link rel="stylesheet" href="css/style.css" type="text/css"/>
    <script src="js/jquery.js"></script>
    <script src="js/jquery.lazyload-1.9.5.min.js"></script>
    <script src="js/global.js"></script>
    <script src="js/waterfall.min.js"></script>
</head>
<body>
<div class="head">
    <a class="btn back" href="match.html"></a><div>易搭配详情</div><a class="btn share"></a><a class="btn collect"></a>
</div>
<div class="share_info">
    <dl>
        <dd>
            <img src="uploads/weibo.png"/>
            <p>微博</p>
        </dd>
        <dd>
            <img src="uploads/weibo_qq.png"/>
            <p>腾讯微博</p>
        </dd>
        <dd>
            <img src="uploads/zone.png"/>
            <p>QQ空间</p>
        </dd>
        <dd>
            <img src="uploads/qq.png"/>
            <p>QQ</p>
        </dd>
        <dd>
            <img src="uploads/webchart.png"/>
            <p>微信</p>
        </dd>
        <dd>
            <img src="uploads/friend.png"/>
            <p>朋友圈</p>
        </dd>
        <dd class="share_link"><a>复制网址分享好友</a></dd>
    </dl>
    <img class="up" src="images/up.png"/>
</div>
<div class="fix_bg"></div>
<div class="placeholder"></div>
<img src="uploads/match_d_pic1.png" class="bg"/>
<div class="classify_info">
    <div class="talent_head">
        <img src="uploads/talent_d_por1.png" class="talent_por">
        <p class="talent_name">来自 <span>妍妮Nia</span> 的分享</p>
        <div class="match_doll">$2000</div>
    </div>
    <div class="match_info">
        <div class="match_title">BLOCCO 5 铆钉女士侧拉链高跟短筒靴子</div>
        <div class="match_sub">铆钉女士侧拉链高跟短筒靴子全球设计师品牌集成店</div>
    </div>
</div>
<div id="wrapper">
    <div id="container"></div>
</div>
<script type="text/javascript">
    $(function(){
        $('#container').waterfall({
            itemCls: 'grid',
            colWidth: 300,
            gutterWidth: 15,
            gutterHeight: 15,
            isFadeIn: true,
            dataType: 'html',
            callbacks: {
                renderData: function (data) {
                    if ( data.length ===0) {
                        $('#container').waterfall('pause');
                    }
                    return data;
                }
            },
            path: function(page) {
                if(page===6)$('#container').waterfall('pause');
                return "image.html?page="+page;
            }
        });
    });
</script>
</body>
</html>